@charset "utf-8";
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select,figure,figcaption{ margin:0; padding:0; }
em,i { font-style:normal; }
li { list-style:none; }
a {text-decoration:none;color:inherit;} a:hover{text-decoration:none;}
a:focus{text-decoration: none;outline: none;}
img { border:none; vertical-align:middle; max-width:100%;max-height:100%;}
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body{font-size:12px; font-family:'微软雅黑';color:#333; position: relative;}

/* public */
.clearfix {*zoom: 1;}
/* #a2:after{
content:'';
display:block;
clear:both;
} */
.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}
/* 外边距溢出 */
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
/* 居中 */
.main{width:100%; max-width:1300px; margin:0 auto;}
/* 宽度最大 */
.fixed{position:fixed;left:0;top:0;z-index:999;}

.btn{font-family: '微软雅黑';cursor:pointer;}
.bl{display:inline-block;float:left;}
.br{display:inline-block;float:right;}
h1,h2,h3,h4,h5{font-weight:normal;}






/* 轮播图 */
.banner{position:relative;}
.banner img{width:100%;}
.banner .hd{width:200px;position:absolute;right:45px;bottom:45%;}
.banner .hd .page{
	/* font-size: 12px; */
	color: #FFFFFF;
}

/* .banner .hd ul{display:inline-block;} */
.banner .hd ul li{width:80px;height:3px;display:inline-block;float:left;background:#bfbfbf;margin:0 6px;cursor:pointer;text-indent:-9999px;}
.banner .hd ul li.on{background:#545455;}
.banner .banner_prev,
.banner .banner_next{border-radius:100px;opacity:.4;width:50px;height:50px;color:#fff;line-height:50px;display:inline-block;position:absolute;bottom:100px;cursor:pointer;font-size:38px;font-family: '宋体';font-weight:bold;text-align:center;}
/* .banner .hd .pageState{color: #FFFFFF;font-size: 18px;transform: rotate(90deg);}
.banner .hd .pageState span{color: #FFFFFF;font-size: 18px;transform: rotate(90deg);opacity: 1;}
.banner .hd .pageState span:after{content: '—————';display: inline-block;color: #FFFFFF;opacity: .33;margin: 0 20px;} */
/* .banner .page { color : #FFFFFF ; font-size : 14px }
.banner .page b { display : inline-block ; margin-right : 18px }
.banner .page i { display : inline-block ; width : 120px ; height : 2px ; background-image : linear-gradient(90deg,#FFFFFF 50%, rgba(255,255,255,.33) 50%) ; margin-right : 18px ; vertical-align : middle ; margin-bottom : 2px ; transition : .5s }
.banner .page span { opacity : .33 ; transition : .5s }

 */
.banner .banner_prev{left:120px;}
.banner .banner_next{right:120px;}
.banner .banner_prev:hover,
.banner .banner_next:hover{opacity:1;}
.banner .cur{width:20px; height:40px; display:inline-block; position:absolute; left:50%; bottom:30px; margin-left:10px; background:url('../img/cursor.png') no-repeat center; cursor:pointer;}
/*.heart{animation: heart ease-in-out .6s infinite alternate;}
@keyframes heart{from{transform:translate(0,0)} to{transform:translate(0,15px)}}
*/





/* 头部 */
.header{background:rgba(255,255,255,.2);width:100%;height:100px;font-family: '思源黑体 CN';position: absolute;z-index: 20;}
.header_box{height:100px;margin: 0 auto; }
.header_box h1{height:100px;line-height:30px;text-align:center;float: left;}
.header .nav{display:block;float:right;}
.header .nav ul li{display:inline-block;width:115px;height:100px;line-height:100px;float:left;text-align:center;font-size:15px;color:#444;}
.header .nav ul li.on,
.header .nav ul li:hover{color:#000;}
.header .nav li a{display:block;font-size: 18px; color: #FFFFFF;font-weight: bold;}
.header_box h1 img{
	vertical-align: bottom;
}
.header .header_box h1 a{
	display: block;
	height: 30px;
	margin-top: 22px;
}

.header .header_box .serch{
	display: inline-block;
	float: right;
	color: #FFFFFF;
	font-size: 16px;
}
.header .header_box .serch .vip{
	line-height: 48px;
	height: 48px;
}
.header .header_box .serch .vip:hover{
	color: #FF0000;
}
.header .header_box .serch .vip_pic{
	vertical-align: middle;
}
.header .header_box .serch .serch_bth{
	position: relative;
	margin-bottom: 13px;
}
.header .header_box .serch .serch_bth input{
	border-bottom: 1px solid #FFFFFF;
	height: 38px;
}
.header .header_box .serch .serch_bth button{
	right: 0;
	position: absolute;
	background-image: url('../img/search.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 50px;
	height: 40px;
	background-color: rgba(0,0,0,0);
	border: 0;
}
.header .header_box .serch .vip_pic{
	width: 31px;
	height: 31px;
	display: inline-block;
	border-radius: 50%;
	background:#8d8d8d url('../img/vip.png') no-repeat center;
}




/* 底部 */
.footer{background:#262626; color:#fff;padding-top: 54px;}
.footer_box{
	padding:35px 0 50px 0;
	margin-top: 45px;
	border-bottom: 1px solid rgba(255,255,255,.2);
	border-top: 1px solid rgba(255,255,255,.2);
	border-left: 0;
	border-right: 0;
}
.footer_box .footer_text{float:left; max-width:320px;}
.footer_box .footer_text h4{height:45px; line-height:45px; font-size:30px; color:#fff;/* background:url('../img/call_bg.png') no-repeat left center; */ text-indent:60px;}
.footer_box .footer_text p{font-size:15px; color:#a0a0a0; line-height:28px;}
.footer_box .footer_nav{display:inline-block; float:right; text-align: center;}
.footer_box .footer_nav dl{display:inline-block; float:left; margin-right:100px;margin-left: 0;}
.footer_box .footer_nav dl dt{font-size:18px; color:#e3e3e3; padding-bottom:10px;
    margin-top: 0;
    margin-bottom: 0;}
.footer_box .footer_nav dl dd{font-size:14px; color:#FFFFFF;opacity: .3; line-height:30px;}
.footer_box .footer_nav dl dd a:hover{text-decoration: underline;}
.footer_box .wxqr{ display:block;margin-top: 15px;float: left;}
.footer_box .wxqr .qr{width:142px; height:142px;}
.footer_box .wxqr .qr img{width:100%; height:100%;}
.footer_box .wxqr p{font-size:12px; color:#898989; padding:6px 0; text-align:center;}
.footer .copy{font-size:14px; color:#888;padding-top: 30px;padding-bottom: 45px;}
.footer .copy p{line-height: 36px;}
.footer .copy:after{
	display: block;
	content: '';
	clear: both;
}
.footer .copy .lcopy{
	float: left;
}
.footer .copy .rcopy{
	float: right;
	line-height: 36px;
}
.footer_box .wxqr>.img_box{width: 60px;height: 60px;line-height: 60px; border-radius: 50%;background-color: #343434;display: inline-block;}
.footer_box .wxqr div~div{
	margin-left: 45px;
}
.footer_box .wxqr .text_box{
	color: #bbbbbb;
	text-align: center;
	margin-top: 45px;
	margin-left: 0;
	font-size: 16px;
}
.footer .bot_logo{
	text-align: center;
}
.footer .bot_logo a{
	height: 46px;
	vertical-align: bottom;
}
.footer .bot_logo a:first-of-type{
	float: left;
}
.footer .bot_logo a:last-of-type{
	float: right;
	padding-top: 28px;
}




.nav li:hover .downlow_list {height: 450px;padding-top: 100px;display: block;}

.downlow_list{
	display: none;
	width: 100%;
	position: absolute;
	padding-top: 80px;
	top: 100px;
	left: 0;
	background-color: rgba(0,0,0,.7);
	height: 400px;
	z-index: 2000;
}

.downlow_list .downlow_box{
	/* display: none; */
}
.downlow_list .pro_pic{
	display: inline-block;
	width: 260px;
	height: 165px;
	border: 1px solid #FFFFFF;
}
.downlow_list .downlow ul.clearfix{
	display: inline-block;
	vertical-align: top;
	width: 1020px;
	float: right;
}
.downlow_list .downlow ul li{
	margin-left: 55px;
	margin-bottom: 30px;
	height: 56px;
	text-align: left;
	font-weight: normal;
	width: 285px;
	float: left;
	line-height: 56px;
	color: #FFFFFF;
	font-size: 16px;
	border-bottom: 1px solid #7d7d7d;
}
.downlow_list .downlow ul li:hover,
.downlow_list .downlow ul li:hover:after{
	color: #FF0000;
}
.downlow_list .downlow ul li:after{
	content: ">";
	float: right;
	color: #e0e0e0;
	font-family: '宋体';
	font-size: 20px;
}




/* 热销 */
.ihot{
	padding: 70px 0 100px;
}
.ihot .ch_top{
	width: 100%;
	height: 65px;
	color: #666666;
	margin-bottom: 70px;
}
.ihot .ch_top p{
	font-size: 18px;
	height: 25px;
	vertical-align: top;
}
.ihot .ch_top h2{
	font-size: 30px;
	vertical-align: bottom;
	font-weight: bold;
}
.ihot .search_box{
	float: right;
	width: 370px;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
}
.ihot .search_box input{
	height: 65px;
	box-sizing: border-box;
	width: 100%;
	padding:0 85px 0 47px;
}
.ihot .search_box input::placeholder{
	font-size: 16px;
	color: #999999;
}
.ihot .search_box .sear_icon{
	position: absolute;
	vertical-align: bottom;
	background: url('../img/search_se.png') no-repeat center;
	border: 0;
	right: 0;
	top: 0;
	width: 85px;
	height: 65px;
	padding: 0;
}
.ihot .hot_banner{
	width: 650px;
}
.ihot .hot_banner .img_box{
	width: 650px;
	height: 420px;
}
.ihot .hot_banner .text_box h3{
	color: #333333;
	font-size: 24px;
	line-height: 24px;
	margin: 30px 0 16px;
}
.ihot .hot_banner .text_box p{
	color:#666666;
	font-size: 16px;
	line-height: 16px;
}

.ihot .hot_banner .hd{
	margin-top: 75px;
	width: 1300px;
	position: relative;
}
.ihot .hot_banner .hd ul{
	text-align: center;
	margin: 0 auto;
	max-width: 1300px;
}
.ihot .hot_banner .hd i{
	width: 100%;
    height: 1px;
    display: inline-block;
    position: absolute;
    left: 0;
	z-index: -1;
    bottom: 16px;
    background: #d2d2d2;
	
}
.ihot .hot_banner .hd ul:after{
	display: block;
	content: '';
	clear: both;
}
.ihot .hot_banner .hd ul li{
	display: inline-block;
	background: #FFFFFF url('../img/icon01.png') no-repeat center;
	font-size: 16px;
	width: 10px;
	line-height: 32px;
	color: rgba(0,0,0,0);
	padding: 0 15px;
}
.ihot .hot_banner .hd ul li.on{
	font-size: 16px;
	background: #FFFFFF url('../img/icon02.png') no-repeat center;
	text-align: center;
	color: #666666;
	padding: 0 1px;
	width: 37px;
	height: 32px;
	line-height: 32px;
}
/* pro3 */

.ihot .p1_banner.t0 .banner_prev{
	position: absolute;
	top: -75px;
	left: 75px;
	transform:rotate(90deg);
	height: 200px;
	text-align: center;
	line-height: 200px;
}

.ihot .p1_banner.t0 .banner_next{
	position: absolute;
	bottom: -72px;
	left: 75px;
	transform:rotate(90deg);
	height: 200px;
	text-align: center;
	line-height: 200px;
}

.ihot .p1_banner.t1 .banner_prev{
	position: absolute;
	top: -75px;
	left: auto;
	right: 75px;
	transform:rotate(90deg);
	height: 200px;
	text-align: center;
	line-height: 200px;
}

.ihot .p1_banner.t1 .banner_next{
	position: absolute;
	bottom: -72px;
	right: 75px;
	transform:rotate(90deg);
	height: 200px;
	text-align: center;
	line-height: 200px;
}







.iabout{
	height: 580px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #FFFFFF;
	text-align: center;
}

.iabout h3{
	font-size: 60px;
	margin: 165px 0 70px;
	line-height: 60px;
	font-weight: bold;
}
.iabout:before{
	display: table;
	content: '';
}
.iabout p{
	font-size: 16px;
	line-height: 30px;
}
.iabout a{
	width: 150px;
	display: block;
	margin: 0 auto;
	margin-top: 70px;
	font-size: 16px;
	line-height: 40px;
	border-bottom: 1px solid #FFFFFF;
}
.iabout a:hover{
	color: #999999;
	border-bottom: 1px solid #999999;
}

/* pro1 */
.ihot .p1_banner{
	position: relative;
}


.ihot .p1_banner .hd.t0 .img_box{
	display: none;
	margin: 0 auto;
	width: 225px;
	height: 120px;
}
.ihot .p1_banner .hd.t1 .img_box{
	display: none;
	margin: 0 auto;
	width: 150px;
	height: 80px;
}

.p1_banner.t2 .banner_prev,
.p1_banner.t2 .banner_next{
	height: 160px;
	width: 57px;
	background-color: rgba(51,51,51,.8);
	line-height: 160px;
	bottom: 0;
	opacity: 1;
	border-radius: 0px;
}
.p1_banner .banner_prev,
.p1_banner .banner_next{border-radius:100px;opacity:.4;width:50px;height:50px;color:#fff;line-height:50px;display:inline-block;position:absolute;bottom:60px;cursor:pointer;font-size:38px;font-family: '宋体';font-weight:bold;text-align:center;}
.p1_banner .banner_prev{
	left: 0;
}
.p1_banner .banner_next{
	right: 1px;
}
.ihot .p1_banner .hd.t0 li{
	height: 120px;
	padding: 20px 0px;
}
.ihot .p1_banner .hd.t1 li{
	height: 80px;
}
.ihot .p1_banner .hd.t0 li.on .img_box,
.ihot .p1_banner .hd.t1 li.on .img_box,
.ihot .p1_banner .hd.t0 li:hover .img_box,
.ihot .p1_banner .hd.t1 li:hover .img_box{
	display: block;
}
.ihot .p1_banner .hd.t1 li.on .text_box,
.ihot .p1_banner .hd.t0 li.on .text_box,
.ihot .p1_banner .hd.t0 li:hover .text_box,
.ihot .p1_banner .hd.t1 li:hover .text_box{
	display: none;
}
.ihot .p1_banner .hd .text_box{
	color: #FFFFFF;
	margin: 0 auto;
	font-size: 16px;
	transform: translate(-50%,-50%);
	position: relative;
	top: 50%;
	left: 50%;
	line-height: 24px;
	text-align: center;
}



.ihot .p1_banner .hslide{
	position: absolute;
	bottom: 0px;
	width: 237px;
}
.ihot .p1_banner.t2 .hslide{
    margin-left: 57px;
	
}
.ihot .p1_banner.t0 .hslide{
	width: 200px;	
	top: 0px;
}
.ihot .p1_banner.t1 .hslide{
	width: 200px;	
	top: 0px;
	right: 0;
	
}
.ihot .p1_banner .hd .tempWrap{
	background-color: rgba(51,51,51,.6);
	box-sizing: border-box;
	
}
.ihot .p1_banner .hd li{
	margin: 0 auto;
    padding: 10px;
}
.ihot .p1_banner .hd.t1 li{
	margin: 0 auto;
	padding: 20px;
	/* margin: -20px; */
}
.ihot .p1_banner .hd.t0 .tempWrap{
	/* width: 1300px !important; */
}
.ihot .p1_banner .hd.t1 .tempWrap{
	height: 680px!important;
}
.ihot .p1_banner .hd.t0 .tempWrap ul{
	/* margin-left: 57px!important; */
}
.ihot .p1_banner .hd.t1 .tempWrap ul{
	margin-top: 40px!important;
}
.ihot .p1_banner .bd li{
	position: relative;
}
.ihot .p1_banner .bd .text_box{
	padding: 55px 70px 0 52px;
	position: absolute;
	box-sizing: border-box;
	top: 110px;
	right: 110px;
	background-color: rgba(38,38,38,.6);
	width: 520px;
	height: 335px;
	color: #FFFFFF;
}
.ihot .p1_banner.t1 .bd .text_box{
	left: 70px;
	top: 147px;
}
.ihot .p1_banner.t0 .bd .text_box{
	right: 75px;
	top: 200px;
}
.ihot .p1_banner .bd .text_box h3{
	font-size: 36px;
	margin-bottom: 40px;
	font-weight: bold;
}
.ihot .p1_banner .bd .text_box p{
	font-size: 16px;
	line-height: 30px;
}
.ihot .p1_banner .bd .text_box button{
	margin-top: 20px;
	border: 0;
	border-radius: 26px;
	color: #FFFFFF;
	font-size: 18px;
	width: 206px;
	height: 52px;
	background: #c60001 url('../img/aon-2.png') no-repeat 80% 50%;
}




/* news */
.news{
	background-color: #f5f5f5;
	padding-top: 100px;
}
.news .top_box .more{
	float: right;
    height: 73px;
    line-height: 73px;
    text-transform: uppercase;
	font-size: 14px;
	color: #666666;
}
.news .top_box .more:before{
	content: '—';
	margin-right: 15px;
	color: #666666;
	display: inline-block;
}
.news .ch_top{
	display: inline-block;
}
.news .ch_top h2{
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 19px;
    text-transform: uppercase;
}
.news .ch_top p{
	color: #333333;
	font-size: 24px;
	line-height: 24px;
	font-family: '思源黑体 CN';
}
.news .news_list{margin-top: 30px;}
.news .news_list .news_box{float: left;width: 400px;}
.news .news_list .news_box:not(:last-of-type){margin-right: 50px;}
.news .news_list .news_box .img_box{width: 400px;height: 250px;}
.news .news_list .news_box .text h3{
	font-size: 18px;
	line-height: 18px;
	color: #333333;
	margin-top: 29px;
    padding-left: 18px;
	margin-bottom: 22px;
}
.news .news_list .news_box .text p{
	font-size: 15px;
	line-height: 20px;
	color:#666666;
    padding-left: 18px;
}
.news .news_list .news_box .text p:first-of-type{
	height: 50px;
}
.news .news_list .news_box .text p:last-of-type{
	line-height: 15px;
	padding-top: 27px;
	margin-bottom: 85px;
	background: url('../img/arr.png') no-repeat right;
	font-size: 14px;
	color: #646464;
	border-top: 2px solid #d2d2d2;
	margin-top: 12px;
	box-sizing: border-box;
}
.news .case-main .img-box{
	width: 400px;
	height: 250px;
}
.case-main h3{
	font-size: 18px;
	line-height: 18px;
	color: #333333;
	padding-left: 18px;
	margin-bottom: 20px;
}
.case-main span{
    font-size: 15px;
    line-height: 20px;
    color: #666666;
    padding-left: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news .case-main p,
.news .case-main i,
.news .case-main b{
	opacity: 0;
}
.news .case-main li:hover p,
.news .case-main li:hover i,
.news .case-main li:hover b{
	opacity: 1;
}
.case-main li{
	margin-bottom: 50px;
}
.case-main b{
	margin-top: 25px;
	
}
.case-main p{
    padding-left: 18px;
	line-height: 15px;
	font-size: 14px;
	float: left;
	color: #646464;
	margin-top: 25px;
}
/* .news .news_list .news_box:hover .text p:last-of-type{
	background: url('../img/arr_act.png') no-repeat right;
	border-bottom: 8px solid #8fc41e;
} */





.zhezhao{
	background-color: rgba(0,0,0,.33);
	position: fixed;
	display: none;
	z-index: 20;
	width: 100%;
	height: 100%;
}
/* login */
.login{
	display: none;
	position: fixed;
	z-index: 999;
	top: 240px;
	width: 1108px;
	left: 50%;
	transform: translateX(-50%);
}
.login .log_l{
	float: left;
	
}
.login .log_r{
	width: 524px;
	height: 578px;
    left: 524px;
	background-color: #FFFFFF;
	float: right;
	text-align: center;
	position: absolute;
}
.login .log_r h2{
	font-size: 30px;
	padding-top: 90px;
	padding-bottom: 15px;
	font-weight: bold;
}
.login .log_r i{
    width: 260px;
    height: 1px;
	margin: 0 auto;
    display: inline-block;
    position: absolute;
	left: 0;
	right: 0;
	top: 160px;
	z-index: 0;
    background: #666666;
}
.login .log_r .text{
	font-size: 14px;
	line-height: 16px;
	width: 85px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 5;
	background-color: #FFFFFF;
	margin: 0 auto;
	font-weight: bold;
	color: #666666;
}
.login .log_r .text::before{
	display: block;
	content: '';
}
.login .log_r img{
	margin-top: 50px;
}
.login .log_r form{
	margin-top: 50px;
}
.login .log_r input{
	width: 436px;
	height: 56px;
	box-sizing: border-box;
	padding-left: 20px;
	background-color: #f2f2f2;
	margin-bottom: 23px;
	border: 1px solid #e5e5e5;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.login .log_r input:first-of-type{
	background-image: url('../img/login_icon03.png');
	background-size: 20px 23px;
}
.login .log_r input:last-of-type{
	background-image: url('../img/login_icon02.png');
	background-size: 20px 26px;
}
.login .log_r input::placeholder{
	font-size: 18px;
	line-height: 48px;
	color: #999999;
}
.login .log_r button{
	width: 439px;
	height: 60px;
	background-color: #d90000;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 48px;
	border: 0;
}
.login .close{
	background-color: #d90000;
	position: absolute;
	left: 1048px;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-size: 40px;
	width: 60px;
	height: 60px;

}




/* case */
.sort{
	margin-top: 60px;
	margin-bottom: 55px;
}
.sort select{
	width: 330px;
	height: 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	border: 1px solid #EEEEEE;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
}
.sort select option{
	height: 60px;
	line-height: 60px;
	
}



.case-main li{
	width: 390px;
}
.case-main .img-box {
    width: 390px;
    height: 250px;
    overflow: hidden;
}
.case-main i::after{
	width: 390px;
}
.case-main ul li:nth-of-type(2n) {
	margin-right: 60px;
}
.case-main ul li:nth-of-type(3n) {
    margin-right: 0px;
}
.case_bg{
	width: 100%;
	height: 920px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.case_bg .tit_name {
	color: #FFFFFF;
	position: absolute;
	top: 490px;
}
.case_bg .tit_name h2{
	font-size: 40px;
	line-height: 30px;
	margin-bottom: 21px;
	font-family: 'Arial';
}
.case_bg .tit_name p{
	font-size: 18px;
	line-height: 30px;
	margin-left: 50px;
}
.case_bg .tit_name i{
    width: 20px;
    height: 1px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 17%;
    background: #FFFFFF;
    transition: width 2s;
    -moz-transition: width 2s;
    -webkit-transition: width 2s;
    -o-transition: width 2s;
}

.case_bg .tit_name d{
    width: 50px;
    height: 1px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 17%;
    background: #c1c1c1;
    transition: width 2s;
    -moz-transition: width 2s;
    -webkit-transition: width 2s;
    -o-transition: width 2s;
}

.case_bg .tit_name:hover i{
    width:50px;
}

.inav{
	width: 100%;
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	width: 1300px;
	margin-bottom: 50px;
	border-bottom: 1px solid rgba(255,255,255,.28);
}
.inav .break::after{
	clear: both;
	content: '';
}
.inav .break{
	float: right;
}
.inav .break>div{
	float: left;
	display: inline-block;
}
.inav .break div~div:before{
	display: inline-block;
	content: '>';
	margin: 0 20px;
}
.inav ul.page_name li{
	float: left;
	width: 91px;
	text-align: center;
	margin-right: 70px;
	padding-bottom: 27px;
}
.inav ul.page_name li.on,
.inav ul.page_name li:hover{
	border-bottom: 3px solid #FFFFFF;
}


/* login */
.login{
	position: absolute;
	top: 300px;
	z-index: 999;
}
.login .log_l{
	float: left;
	
}
.login .log_r{
	width: 524px;
	height: 578px;
	background-color: #FFFFFF;
	float: right;
	text-align: center;
}

.pro_list .pro_box{
	float: left;
	margin-top: 60px;
}
.pro_list .pro_box:not(:nth-of-type(3n)){
	margin-right: 65px;
}
.pro_list .pro_box .img_box{
	width: 390px;
	height: 250px;
}
.pro_list .pro_box .text_box{
	background-image: url(../img/arr_02.png);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 90% 50%;
	padding: 25px 0 32px;
	border-bottom: 1px solid #e4e4e4;
}
.pro_list .pro_box .text_box h3{
	color: #666666;
	font-size: 16px;
	margin-bottom: 12px;
	line-height: 16px;
}
.pro_list .pro_box .text_box p{
	color: #c8c8c8;
	line-height: 16px;
	font-size: 16px;
}

.pages{
    padding:70px 0 90px;
    text-align:center;
	clear: both;
}
.pages a{
	color: #666666;
    display:inline-block;
    font-size:15px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-family: "宋体";
}
.pages a.on,.pages a:hover{
	color: #FFFFFF;
	background-color: #000000;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

/* 关于我们 */
.contact{
	background-color: #f8f8f8;
	text-align: center;
	padding-top: 82px;
	padding-bottom: 74px;
}
.contact .main{
	background-color: #FFFFFF;
}
.contact .contact_box{
	display: inline-block;
	height: 150px;
	margin: 75px 0 70px;
	vertical-align: top;
	width: 25%;
	float: left;
	box-sizing: border-box;
}
.contact .contact_box .text_box h3{
	margin-top: 30px;
	color: #333333;
	font-size: 18px;
}
.contact .contact_box:nth-of-type(1) .text_box h3,
.contact .contact_box:nth-of-type(2) .text_box h3{
	margin-bottom: 30px;
}
.contact .contact_box .text_box p{
	color: #999999;
	font-size: 16px;
}
.contact .contact_box~.contact_box{
	border-left: 1px solid #ececec;
}
.message{
	background-color: #f8f8f8;
	padding-bottom: 90px;
}
.message .main{
	padding: 70px 50px 40px;
	box-sizing: border-box;
	background-color: #FFFFFF;
}
.message .ml,
.message .mr{
	width: 50%;
	box-sizing: border-box;
	float: left;
	display: inline-block;
}
.message .ml h3{
	font-family: '思源黑体 CN';
	font-size: 36px;
	line-height: 40px;
	margin-bottom: 80px;
}
.message .ml p{
	font-size: 16px;
	line-height: 40px;
	color: #999999;
}
.message .mr input.number{
	width: 190px;
	height: 60px;
}
.message .mr input{
	width: 100%;
	height: 40px;
	padding-left: 15px;
	margin-bottom: 15px;
	box-sizing: border-box;
	background-color: #f4f6f8;
}

.message .mr .img_box{
	width: 190px;
	height: 60px;
	background-color: #000000;
	display: inline-block;
	margin-left: 30px;
	vertical-align: top;
}

.message .mr textarea{	
	width: 100%;
    resize: none;
	line-height: 40px;
	padding-left: 15px;
	margin-bottom: 25px;
	box-sizing: border-box;
	background-color: #f4f6f8;
}
.message .mr button{	
	background-color:#414141;
	float: right;
	border: 0;
	outline: none;
	color: #FFFFFF;
	width: 150px;
	height: 60px;
}

.inews{
	text-align: center;
	margin-top: 57px;
}
.inews h3{
	font-size: 30px;
	color: #333333;
	margin-bottom: 12px;
}
.inews p{
	font-size: 18px;
	color: #666666;
	margin-bottom: 42px;
}
.inews .news_banner .img_box{
	width: 650px;
	height: 350px;
}
.inews .news_banner .img_box img{
	height: 100%;
	width: 100%;
}
.inews .news_banner .text_box{
	width: 650px;
	height: 350px;
	vertical-align: top;
	display: inline-block;
	text-align: left;
	padding: 0 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f8f8f8;
}
.inews .news_banner .text_box h3{
	color: #333333;
	font-size: 24px;
	line-height: 24px;
	margin: 60px 0 17px;
}
.inews .news_banner .text_box p{
	color:#666666;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 30px;
	margin-bottom: 15px;
}
.inews .news_banner .text_box span{
	color: #999999;
	font-size: 14px;
	
}
.inews .news_banner .text_box i{
	color: #999999;
	font-size: 14px;
	line-height: 14px;
}

.inews .news_banner .hd{
	margin: 57px 0 75px;
	width: 1300px;
	position: relative;
}
.inews .news_banner .hd ul{
	text-align: center;
	margin: 0 auto;
	max-width: 1300px;
}
.inews .news_banner .hd i{
	width: 100%;
}
.login .log_r h2{
	font-size: 30px;
	font-weight: bold;
}
.login .log_r i{
    width: 260px;
    height: 1px;
    display: inline-block;
    position: absolute;
    left: 0;
	z-index: -1;
    bottom: 16px;
    background: #d2d2d2;
	
}
.inews .news_banner .hd ul:after{
	display: block;
	content: '';
	clear: both;
}
.inews .news_banner .hd ul li{
	display: inline-block;
	background: #FFFFFF url('../img/icon01.png') no-repeat center;
	font-size: 16px;
	width: 10px;
	line-height: 32px;
	color: rgba(0,0,0,0);
	padding: 0 20px;
}
.inews .news_banner .hd ul li.on{
	font-size: 16px;
	background: #FFFFFF url('../img/icon02.png') no-repeat center;
	text-align: center;
	color: #666666;
	padding: 0 6px;
	width: 37px;
	height: 32px;
	line-height: 32px;
}

.news_pages .news_list{margin-top: 30px;}
.news_pages .news_list .news_box{float: left;width: 400px;height: 430px;margin-top: 47px;}
.news_pages .news_list .news_box:not(:nth-of-type(3n)){margin-right: 50px;}
.news_pages .news_list .news_box .img_box{width: 400px;height: 250px;}
.news_pages .news_list .news_box .text h3{
	font-size: 18px;
	line-height: 18px;
	color: #333333;
	margin-top: 29px;
	margin-bottom: 22px;
}
.news_pages .news_list .news_box .text p{
	font-size: 16px;
	line-height: 24px;
	color:#999999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news_pages .news_list .news_box:hover .text i,
.news_pages .news_list .news_box.on .text i{
	display: block;
}
.news_pages .news_list .news_box .text i{
	display: none;
	line-height: 15px;
	padding-top: 27px;
	background: url('../img/arr_01.png') no-repeat;
	background-position: bottom right;
	font-size: 14px;
	color: #646464;
	border-top: 2px solid #f0efef;
	margin-top: 12px;
	box-sizing: border-box;
}
.news_pages .pages{
	padding: 0px 0 54px;
}

.newsv{padding-top:30px;padding-bottom:80px;}
.newsv_box .info_box{width:1300px;margin:0 auto;}
.newsv_box .htit{padding:30px 0;text-align:center;}
.newsv_box .htit h2{font-size:20px;color:#333;font-weight:bold;padding:5px 0;}
.newsv_box .htit p{font-size:16px;color:#6f6f6f;}
.newsv_box .text_box{font-size:16px;color:#333;line-height:28px;padding-bottom:30px;}
.newsv_box .img_box {
	width: 1300px;
	height: 625px;
}
.newsv_box .text_box p{text-indent: 32px;margin-bottom: 30px;color: #666666;line-height: 30px;}
.newsv_box p.next{height:65px;line-height:65px; background-color: #f8f8f8;margin-top: 77px;padding: 0 20px;}
.newsv_box p a:nth-child(2){height:65px;line-height:65px; background-color: #f8f8f8;float: right;}
.newsv_box p.next a{display:inline-block;height:65px;font-size:15px;color:#444;}
.newsv_box p.next a:hover{text-decoration: underline;}



.login .log_r p{
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #666666;
	
}
.login .log_r input{
	width: 80%;
	height: 48px;
	background-color: #f2f2f2;
	border: 1px solid #e5e5e5;
}
.login .log_r input:placeholder{
	font-size: 18px;
	line-height: 48px;
}



/*  */
.pro1 li{
	margin-top: 83px;
}
.pro1 li{
	margin-bottom: 45px;
}
.pro1 li>a{
	display: block;
	position: relative;
	height: 500px;
}
.pro1 .img_box{
	/* width: 1300px; */
	/* height: 500px; */
}
.pro1 .text_box{
	padding: 55px 70px 0 52px;
	position: absolute;
	box-sizing: border-box;
	top: 110px;
	right: 113px;
	background-color: rgba(38,38,38,.6);
	width: 520px;
	height: 335px;
	color: #FFFFFF;
}
.pro1 ul li:nth-of-type(even) .text_box{
	left: 103px;
	
}
.pro1 .text_box h3{
	font-size: 36px;
	margin-bottom: 40px;
	font-weight: bold;
}
.pro1 .text_box p{
	font-size: 16px;
	line-height: 30px;
}
.pro1 .text_box button{
	margin-top: 20px;
	border: 0;
	border-radius: 26px;
	color: #FFFFFF;
	font-size: 18px;
	width: 206px;
	height: 52px;
	background: #c60001 url('../img/aon-2.png') no-repeat 80% 50%;
}

/* 产品列表 */
.prot{padding:25px 0;background-color: #fcfcfc;}
.pro_type{position:relative;padding-left:104px;border-bottom: 1px solid #eeeeee;}
.pro_type .more{
	height: 66px;
	line-height: 66px;
	position: absolute;
	width: 50px;
	background-image: url('../img/add_03.jpg');
	background-repeat: no-repeat;
	background-position: center right;
	top: 0;
	right: 0;
	color: #888888;
	font-size: 16px;
}
.pro_type .more.on{
	background-image: url('../img/sub_03.jpg');
	
}
.pro_type.h1 ul{
	padding-right: 50px;
}
.pro_type ul .des a{
	float: left;
	display: block;
}
.pro_type_child{
	padding-left: 15px;
}
.pro_type_child ul{
	display: none;
	margin-bottom: 30px;
}
.pro_type_child ul li{
	background: url('../img/icon03.png') no-repeat;
	background-position: center left;
}
.pro_type_child ul.on{
	display: block;
}
.pro_type ul li,.pro_type_child ul.t1 li:nth-child(1){height:66px;line-height:66px;display:inline-block;float:left;font-size:16px;color:#888888;margin-bottom:5px;position: relative;font-weight: 400;}
.pro_type>ul>li:nth-child(1){position:absolute;left:0;top:0;
color: #666666;
font-size: 18px;
font-weight: bold;}
.pro_type ul li>a{display:block;padding:0 15px;}
.pro_type_child ul li>a{color: #666666;}
.pro_type_child ul li,
.pro_type_child ul.t1 li:nth-child(1),
.pro_type_child ul a{
	height: 20px;
	line-height: 20px;
}
.pro_type ul li.on,
.pro_type ul li:not(:first-of-type):hover,
.pro_type_child ul a:hover
{color:#d70039;}

.prot .search_box{
	position: relative;
	margin: 40px 0;
}
.prot input{
	width: 470px;
	height: 50px;
	background-color: #eeeeee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
}
.prot button{
	position: absolute;
	width: 60px;
	height: 50px;
	background-image: url('../img/search_se.png');
	background-repeat: no-repeat;
	background-position: center;
	border: 0;
}



.eng{margin-top: 80px;}
.eng .eng_list_box .eng_box{width: 400px;display: block;float: left;transition: all .35s;}
.eng .eng_list_box .eng_box:hover{margin-top: -5px;margin-bottom: 5px;}
.eng .eng_list_box .eng_box:not(:nth-of-type(3n)){margin-right: 44px;}
.eng .eng_list_box .eng_box .img_box{width: 400px;height: 300px;}
.eng .eng_list_box .eng_box .img_box img{width: 100%;height: 100%;}
.eng .eng_list_box .eng_box .text_box{height: 100px;line-height: 100px;color: #333333;font-size: 18px;text-align: center;}


.video{margin-top: 80px;}
.video .eng_list_box .eng_box{width: 420px;display: block;float: left;transition: all .35s;}
.video .eng_list_box .eng_box:not(:nth-of-type(3n+1)){margin-right: 20px;}
.video .eng_list_box .eng_box .img_box{width: 420px;height: 280px;}
.video .eng_list_box .eng_box .img_box img{width: 100%;height: 100%;}
.video .eng_list_box .eng_box .text_box{height: 50px;line-height: 50px;color: #333333;font-size: 16px;text-align: left;}



.video .eng_list_box .eng_box{position: relative;}
.video .eng_list_box .eng_box .shade{position: absolute;width: 100%;top: 0;left: 0;height: 280px;text-align: center;background-color: rgba(0,0,0,.3);}
.video .eng_list_box .eng_box .shade .positi{position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;}
/* .video .eng_list_box .eng_box .shade .positi .text_box{font-weight: bold;} */
/* .video .eng_list_box .eng_box .img_box{width: 100%;height: 700px;} */
/* .video .eng_list_box .eng_box .img_box img{width: 100%;} */


.video .eng_list_box .eng_box:first-of-type{width: 100%;height: 100%;position: relative;margin-bottom: 50px;}
.video .eng_list_box .eng_box:first-of-type .shade{position: absolute;width: 100%;top: 0;left: 0;height: 100%;text-align: center;background-color: rgba(0,0,0,.3);}
.video .eng_list_box .eng_box:first-of-type .shade .positi{position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;}
.video .eng_list_box .eng_box:first-of-type .shade .positi .text_box{font-weight: bold;}
.video .eng_list_box .eng_box:first-of-type a >.text_box{display: none;}
.video .eng_list_box .eng_box:first-of-type .text_box{color: #FFFFFF;font-size: 25px;}
.video .eng_list_box .eng_box:first-of-type .img_box{width: 100%;height: 700px;}
.video .eng_list_box .eng_box:first-of-type .img_box img{width: 100%;}
.video .eng_list_box .img_box{width: 100%;}
.video .eng_list_box .eng_box a{
	display: block;
}
.video .eng_list_box .eng_box .text_box.href:after{
	display: inline-block;
	content: '';
	width: 52px;
	height: 52px;
	float: right;
	background-image: url(../img/icon_href.png);
	background-repeat: no-repeat;
	background-position: center;
}
.video .eng_list_box .eng_box a > .text_box{
	border-left: 1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	padding: 0 20px;
	
}
.video .eng_list_box .eng_box .text_box~.text_box{
	color: #999999;
	font-size: 14px;
}












.down_list_box{
	height: auto;
	margin-top: 25px;
}
.down_list_box .down_box{
	border-bottom: 1px solid #dcdcdc;
	padding: 45px 0;
}
.down_list_box .down_box .img_box{
	width: 400px;
	height: 245px;
    float:left;
    overflow:hidden;
}
.down_list_box .down_box .text_box{
	float: left;
	width: 585px;
	padding-left: 52px;
	border-right: 1px solid #c8c8c8;
	padding-right: 65px;
	position: relative;
}
.down_list_box .down_box .text_box .text{
    z-index: 11;
    width: 100%; 
}
.down_list_box .down_box .text_box h3{
    color:#333333;
    border-bottom:0px solid #dcdcdc;
	font-size: 24px;
	line-height: 30px;
	margin: 25px 0 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.down_list_box .down_box .text_box p{
    font-size:16px;
    color:#666666;
	margin-bottom: 20px;
    line-height:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.down_list_box .down_box .text_box span{
    font-size:16px;
    color:#666666;
}
.down_list_box .down_box .text_box:hover i{
    width:100%;
}
.down_list_box .download.on,
.down_list_box .download:hover{
	background-color: #e60012;
}
.down_list_box .download{
	background-color: #EEEEEE;
	margin: 55px;
	display: inline-block;
	background-image: url('../img/down.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 86px;
	height: 86px;
	border-radius: 8px;
}
.down_list_box .img_box.text_box{
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: .2;
    filter: alpha(opacity=20);
}
.down_list_box .list_box:hover .text_box{
    opacity:.2;
    filter: alpha(opacity=20);
	
}
.down_list_box .list_box:hover .img_box{
    opacity:1;
    filter: alpha(opacity=100);
}
.down_list_box .list_box:hover .img_box.text_box{
    opacity:0;
    filter: alpha(opacity=0);
}
.down_list_box .list_box:hover p{
    color:#000;
}
.down .img_left{
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 400px;
	height: 245px;
	float: left;
}
.down .img_left .img_box.text_box{
	position: absolute;
	padding: 0;
	width: 400px;
	background-color: #000000;
	transition: 1s all;
}
.down_box:hover .img_text{
	opacity: 1;
}
.down_box:hover .img_box.text_box{
	opacity: 0.2;
}
.img_left .img_text{
	position: absolute;
	height: 245px;
	margin-top: 78px;
	width: 400px;
	opacity: 0;
	text-align: center;
	transition: 1s all;
}
.img_left .img_text{
	font-size: 14px;
	color: #FFFFFF;
}
.img_left .img_text>div{
	padding: 12px;
	border-bottom:1px solid #FFFFFF;
	width: 150px;
	margin: 42px auto 0;
	border-top:1px solid #FFFFFF;
}


/* case */
.pro_view{
	width: 100%;
	height: 616px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}
.pro_view .tit_name {
	color: #FFFFFF;
	position: absolute;
	top: 292px;
	width: 670px;
}
.pro_view .tit_name h2{
	font-size: 48px;
	line-height: 48px;
	margin-bottom: 35px;
}
.pro_view .tit_name p{
	font-size: 18px;
	line-height: 30px;
}
.pro_view .tit_name i{
    width: 20px;
    height: 1px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 17%;
    background: #FFFFFF;
    transition: width 2s;
    -moz-transition: width 2s;
    -webkit-transition: width 2s;
    -o-transition: width 2s;
}

.pro_view .tit_name d{
    width: 50px;
    height: 1px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 17%;
    background: #c1c1c1;
    transition: width 2s;
    -moz-transition: width 2s;
    -webkit-transition: width 2s;
    -o-transition: width 2s;
}

.pro_view .tit_name:hover i{
    width:50px;
}

.pro_view .inav{
    font-size: 16px;
	float: left;
	width: auto;
    color: #FFFFFF;
	bottom: 395px;
	border: 0;
    position: absolute;
	top: 150px;
    margin-bottom: 50px;
}
.pro_view .inav .break{
	float: left;
}
.pro_banner h2{
	font-size: 36px;
	text-align: center;
	margin: 72px auto 54px;
}

.pro_banner .bd li{
	text-align: center;
}
.pro_banner .hd{
	text-align: center;
	width: 120px;
	margin: 40px auto 80px;
	
}
.pro_banner .hd .tempWrap{
	margin: 0 auto;
    margin-left: -120px;
}
.pro_banner .hd li{
	margin-right: 5px;
}
.pro_banner .hd li .img_box{
	width: 120px;
	border: 2px solid #7d7d7d;
	height: 80px;
}
.pro_view_box h4{
	font-size: 30px;
}
.pro_view_box ul li{
	float: left;
	font-size: 18px;
	color: #999999;
}
.pro_view_box ul .zies{
	font-size: 15px;
	display: inline-block;
}
.pro_view_box .type_top .img_box{
	float: right;
	position: relative;
}
.pro_view_box .type_top .show{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 100px;
	height: 100px;
	display: none;
}
.pro_view_box .type_top .img_box:hover .show{
	display: block;
}




.type_top ul li{
	width: 200px;
}
.type_top h4{
	margin-bottom: 35px;
}
.type_bottom{
	margin-bottom: 115px;
}
.pro_view_box .type_bottom h3{
	font-size: 36px;
	margin-bottom: 45px;
	margin-top: 80px;
	text-align: center;
}
.type_bottom .banner .hd{
	bottom: 0;
	margin: 0 auto;
}
.type_bottom .banner .hd ul li{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #EEEEEE;
}
.type_bottom .banner .hd ul li.on{
	background-color: #333333;
	
}
.type_bottom .banner .hd{width:100%;padding:20px 0;text-align:center;border-bottom:1px solid #dfdfdf;position:absolute;left:0;bottom:0;transform: rotate(0deg);top: auto;}
.type_bottom .banner .hd ul{display:inline-block;}
.type_bottom .banner .hd ul li{width:11px;height:11px;transform: translate(0,-50%);border-radius: 50%;vertical-align: middle; display:inline-block;float:left;background-color:#bfbfbf;margin:0 10px;cursor:pointer;text-indent:-9999px;}
.type_bottom .banner .hd ul li.on{width: 11px;height: 11px;background-color: #ffffff; }




.about{
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 1570px;
}
.about >div::before{
	display: table;
	content: '';
}
.about .top{
	padding: 100px 0 50px;
}
.about .top .img_box{
	width: 600px;
	height: 580px;
}
.about .top .text_box{
	float: right;
	width: 50%;
	color: #FFFFFF;
}
.about .top .text_box h2{
	margin-bottom: 30px;
	font-size:28px;
	line-height: 48px;
	font-weight: bold;
}
.about .top .text_box p{
	margin-bottom: 50px;
	font-size: 16px;
	line-height: 30px;
}
.about .bottom{
	color: #FFFFFF;
}
.about .bottom .img_box{
	height: 440px;
	width: 1300px;
}
.about .bottom p{
	margin: 50px 0;
	font-size: 16px;
	line-height: 36px;
}


.jianjie{
	color: #FFFFFF;
	height: 2870px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.jianjie >div::before{
	display: table;
	content: '';
}
.jianjie>div>div>h2{
	margin-top: 110px;
	margin-bottom: 20px;
	font-size: 28px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
}
.jianjie>div>div>p{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	margin-bottom: 40px;
	text-align: center;
}
.jianjie .brand .brand_list .brand_box{
	padding: 0 25px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 250px;
	height: 350px;
	background-image: linear-gradient(to bottom right, rgba(0,245,255,.1), rgba(255,255,255,0));
}
.jianjie .brand .brand_list .brand_box~.brand_box{
	margin-left: 12px;
}
.jianjie .brand .brand_list .brand_box h3{
	font-size: 18px;
	padding-top: 60px;
	margin-bottom: 20px;
	font-weight: bold;
}
.jianjie .brand .brand_list .brand_box p{
	font-size: 16px;
	line-height: 30px;
}
.jianjie .zhici .img_box{
	width: 600px;
	height: 600px;
}
.jianjie .zhici .zhici_list{
	float: right;
	display: inline-block;
	width: 580px;
}
.jianjie .zhici .zhici_list h3{
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 10px;
}
.jianjie .zhici .zhici_list p{
	font-size: 15px;
	margin-bottom: 30px;
	line-height: 20px;
}
.jianjie .liucheng h2,
.jianjie .apply h2{
	margin-bottom: 50px;
}
.jianjie .apply .apply_list{
	padding: 0 30px;
	background-image: linear-gradient(to bottom right, rgba(255,255,255,0), rgba(0,245,255,.1));
}
.jianjie .apply .apply_list h3{
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
}
.jianjie .apply .apply_list .shops{
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 40px;
	padding-left: 15px;
	padding-left: 15px;
}
.jianjie .apply .apply_list .hot>p{
	padding-left: 15px;
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 10px;
}
.jianjie .apply .apply_list .hot>p::before{
	content: '';
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url('../img/phone01.png');
	background-repeat: no-repeat;
	margin-left: -15px;
}
.jianjie .apply .apply_list .hot>span{
	color: #53739c;
	font-size: 15px;
	line-height: 30px;
}
.jianjie .apply .apply_list .hot{
	display: inline-block;
}
.jianjie .apply .apply_list .hot h3{
	margin-top: 30px;
	margin-bottom: 65px;
}
.jianjie .apply .apply_list .imessage{
	display: inline-block;
	width: 720px;
	color: #FFFFFF;
}
.jianjie .apply .apply_list .imessage input{
	color: #FFFFFF;
	width: 350px;
}
.jianjie .apply .apply_list .imessage input:first-of-type{
	margin-right: 20px;
}

.jianjie .apply .apply_list .imessage select{
	margin-right: 15px;
}
.jianjie .apply .apply_list .imessage input.select,
.jianjie .apply .apply_list .imessage select{
	width: 230px;
	vertical-align: top;
}
.jianjie .apply .apply_list .imessage input,
.jianjie .apply .apply_list .imessage select,
.jianjie .apply .apply_list .imessage textarea{
	float: left;
	color: #FFFFFF;
	-webkit-box-sizing: border-box;
	outline: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 25px;
    margin-bottom: 20px;
	background-color: rgba(0,245,255,.1);
	border: 0;
	height: 60px;
}

.jianjie .apply .apply_list .imessage textarea::placeholder{
	color: #FFFFFF;
	font-size: 14px;
}
.jianjie .apply .apply_list .imessage input::placeholder{
	font-size: 14px;
	color: #FFFFFF;
}
.jianjie .apply .apply_list .imessage{
	vertical-align: top;
	float: right;
	margin-top: 30px;
}
.jianjie .apply .apply_list .imessage textarea{
    resize: none;
    width: 100%;
	height: 150px;
	line-height: 30px;
    display: block;
    padding: 20px;
}
.jianjie .apply .apply_list .imessage .img_box{
	width: 190px;
	height: 60px;
	margin-left: 15px;
	display: inline-block;
}
.jianjie .apply .apply_list .imessage button{
	font-size: 16px;
	border: 0;
	background-color: #d61919;
	color: #FFFFFF;
	width: 235px;
	height: 60px;
	float: right;
}



.lishi{
	height: 2200px;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFFFFF;
}
.lishi .main{
	position: relative;
}
.lishi .wenhua{
	position: absolute;
	right: 0;
	top: 200px;
}
.lishi .wenhua h3{
	font-size: 30px;
	font-weight: bold;
	line-height: 48px;
	margin-bottom: 50px;
}
.lishi .wenhua .free{
	height: 80px;
	line-height: 80px;
	margin-bottom: 20px;
}
.lishi .wenhua .free>div{
	padding-top: 10px;
}
.lishi .wenhua .free img{
	float: left;
	margin-right: 20px;
}
.lishi .wenhua .free p{
	font-size: 16px;
	line-height: 30px;
	display: block;
}
.lishi .wenhua .free>p{
	height: 80px;
	line-height: 80px;
}




.about-honor{
	position: relative;
	top: 1000px;
}

.about-honor h2 {  font-size : 30px; margin-top: 0;text-align: left;}
/* .about-honor h2::before{display: table;content: '';} */
.about-honor strong { display : block ; margin-top : 4px ; font-size : 16px ; text-align : center }
.about-honor .swiper-container { width : 100% ; height : 340px ;  padding-bottom : 140px ; position : relative}
.about-honor .swiper-slide { width : 253px ; opacity : 0.5 ; transform: scale(0.66) ; transition : .5s ; position : relative ; cursor : pointer }
.about-honor .swiper-slide-active { opacity : 1 ; transform: scale(1) }
.about-honor .swiper-slide-prev, .about-honor .swiper-slide-next { transform: scale(0.81) ; opacity : 0.8 }
.about-honor .swiper-slide a { display : block }
.about-honor .img-box { width : 253px ; height : 340px }
.about-honor .swiper-pagination { position : absolute ; left : 50% !important ; bottom : 70px !important ; transform : translateX(-50%) }
.about-honor .swiper-pagination span { width : 10px ; height : 10px ; background-color : #FFFFFF ; opacity : 1 ; box-sizing : border-box ; margin-left : 9px !important ; margin-right : 0px !important }
.about-honor .swiper-pagination span:first-of-type { margin-left : 0px !important }
.about-honor .swiper-pagination-bullet-active { background-color : transparent !important ; border : solid 1px #A0A0A0 !important }







.history{
	width:100%;
	color: #FFFFFF;
	max-width:1300px;
	height:630px;
	top: 1500px;
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	/* background-image:url(../images/about_bg02.jpg); */
	position:absolute;
}
.history:after{
	width:100%;
	height:1px;
	display:inline-block;
	content:'';
	background:#a1a1a1;
	position:absolute;
	left:0;
	top:270px;
	z-index: 1;
}

.history .htit{
	padding:70px 0;
	/* text-align:center; */
}
.history .htit h2{
	font-size:30px;
	padding:6px 0;
}
.history .htit p{
	font-size:16px;
	text-transform: uppercase;
}
.history .history_slide{
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:absolute;
	top:210px;
	left:50%;
	z-index: 33;
	transform: translate(-50%, 0);
}
.history .swiper-slide .text_box{
	/* text-align:center; */
}
.history .swiper-slide .text_box .years{
	background-color: #197290;
	border-radius: 50%;
	margin-top: 100px;
	width: 105px;
	height: 105px;
	text-align: center;
}
.history .swiper-slide .text_box h3{
	line-height:105px;
	font-size:18px;
}
.history .swiper-slide .text_box i{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image:url(../img/icon2.png);
	width:21px;
	height:21px;
	display:inline-block;
	position:absolute;
	left:13%;
	top:50px;
	transform: translate(-50%, 0);
	z-index: 99;
}
.history .swiper-slide:hover .text_box i{
	/* background-image:url(../images/htago.png); */
}
.history .swiper-slide .text_box .text{
	height:180px;
	font-size:15px;
	line-height:30px;
	padding-top:25px;
	text-align:left;
}
.history .swiper-slide .text_box .text p{
	padding-left: 20px;
	
}
.history .swiper-slide .text_box .text p:before{
	width: 7px;
	height: 7px;
	display: inline-block;
    margin-left: -15px;
    margin-right: 10px;
	background-position: center;
	content: '';
	background-color: #074c67;
	border-radius: 50%;
}

.history .slide_btn{
	padding-top:30px;
	text-align:center;
	position:relative;
}
.history .slide_btn:after,
.history .slide_btn::before{
	content:'';
	display:inline-block;
	width:560px;
	height:1px;
	background:#a6a6a6;
	position:absolute;
	top:50px;
}
.history .slide_btn:after{
	left:0;
}
.history .slide_btn:before{
	right:0;
}
.history .slide_btn span{
	width:45px;
	height:45px;
	display:inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	margin:0 10px;
	cursor: pointer;
}
.history .slide_btn span:hover{
	opacity: .7;
}
